{% extends 'bg-frame.html'%}

{% block head_css %}
{{ super()}}

<style type="text/css">
  div.pagination li{
    padding: 1px !important;
  }


</style>
{% endblock %}

    <!-- 文章分类 -->
    {% block posts_category %}
        <ul>
          <li><a href="javascript:void(0);">学无止境（33）</a></li>
          <li><a href="javascript:void(0);">日记（19）</a></li>
          <li><a href="javascript:void(0);">慢生活（520）</a></li>
          <li><a href="javascript:void(0);">美文欣赏（40）</a></li>
      </ul>
      {% endblock %}
    <!-- 站长推荐 -->
    {%block posts_recommend%}
          <ul>
            {% if data.items %}
              {%for dt in data.items %}
                <li><a href="{{url_for('detail.detail', anchor=dt.id)}}">{{dt.title}}</a></li>
              {% endfor %}
          {% endif %}
        </ul>  
      {% endblock %}  
{% block left_box %}

   {{ super()}}
{% endblock %}

{% block right_box %}

{%if data.items %}
  {%for dt in data.items %}
    <li><i><a href="{{ url_for('detail.detail', anchor=dt.id)}}"><img src="/static/img/12.jpg"></a></i>
        <h3><a href="{{ url_for('detail.detail', anchor=dt.id)}}">{{dt.title}}</a></h3>
        <p>{{dt.content|prettify("p")}}</p>
      </li>

  {% endfor %}
{%endif%}

{% set route=url %}

{% if data.items %}
    <div class="pagination">
      <nav aria-label="...">
        <ul class="pagination">

        {% if data.has_prev %}
          <li>
            <a aria-hidden="true" href="{{ url_for(route, page=data.prev_num) }}">&laquo;</a>
          </li>
         
        {% endif%}
        {% for page in data.iter_pages() %}
          <!-- 只有一页时，不显示上下页 -->
          {%if data.items|length>=10%}
            <li>
              <a href="{{ url_for(route, page=page) }}" >{{ page }}</a>
            </li>
          {% endif %}
          
        {% endfor %}
        {% if data.has_next %}
             <li><a href="{{ url_for(route, page=data.next_num) }}">&raquo;</a></li>
          
        {% endif%}
        </ul>
    </nav>
    </div>
{% else %}
<h2>天呐！这个世界上竟然没有你要找的文章！</h2>
{% endif %}

{% endblock %}


{% block body_js %}

{{super()}}
<script type="text/javascript">

  $(document).ready(function(){
      var $input_submit = $(".input_submit")
      var $input_text = $(".input_text")
      $input_submit.click(function(){
        if ($input_text.val().trim().length>0){
          $.post({

            url:"{{ url_for('kw.kw_search')}}",
            data: {"keyword":$input_text.val()},
            dataType:"json",
            async: true,
            success: function(){console.log(1);},
            error:function(){console.log(0);}

          })
        }

      })

  })
  
</script>


{% endblock %}

